﻿<UserControl x:Class="SLVisifireApp.Bubble2D3"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="500" Height="300" xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLVisifire.Charts">
    <Grid x:Name="LayoutRoot" Background="White">
        <vc:Chart Theme="Theme2" BorderBrush="Gray">

            <vc:Chart.Titles>
                <vc:Title Text="Web Search Engine Market Share and Volume"/>
                <vc:Title Text="Bubble size indicates percentage market share" FontSize="9" HorizontalAlignment="Left" VerticalAlignment="Bottom"/>
            </vc:Chart.Titles>

            <vc:Chart.AxesY>
                <vc:Axis AxisType="Primary" AxisMaximum="7000" Title="Jan-08 Query Volume"/>
                <vc:Axis AxisType="Secondary" Title="Jan-07 Query Volume"/>
            </vc:Chart.AxesY>

            <vc:Chart.Series>
                <vc:DataSeries LegendText="Jan-08" RenderAs="Bubble" AxisYType="Primary" ZValueFormatString="#0.##" ToolTipText="Query Volume: #YValue, MarketShare: #ZValue%" Cursor="Hand">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint AxisXLabel="Goolge" YValue="5286" ZValue="68.6"/>
                        <vc:DataPoint AxisXLabel="Yahoo" YValue="1830" ZValue="16.7"/>
                        <vc:DataPoint AxisXLabel="MSN/Live" YValue="843" ZValue="8.7"/>
                        <vc:DataPoint AxisXLabel="Ask" YValue="322" ZValue="3.7"/>
                        <vc:DataPoint AxisXLabel="AOL" YValue="249" ZValue="1.7"/>
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>

                <vc:DataSeries LegendText="Jan-07" RenderAs="Bubble" AxisYType="Secondary" ZValueFormatString="#0.##" ToolTipText="Query Volume: #YValue, MarketShare: #ZValue%" Cursor="Hand">
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint YValue="3398" ZValue="61.9"/>
                        <vc:DataPoint YValue="1326" ZValue="22.7"/>
                        <vc:DataPoint YValue="460" ZValue="8.9"/>
                        <vc:DataPoint YValue="215" ZValue="3.4"/>
                        <vc:DataPoint YValue="101" ZValue="1.6"/>
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
            </vc:Chart.Series>
        </vc:Chart>
    </Grid>
</UserControl>
